<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚美优品</title>
    <link href="CSS/聚美优品.css" rel="stylesheet">
</head>
<body>
<div>
    <div>全部分类</div>
        <dl>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_01.gif">护肤
            </dt>
            <dd>
                <a href="#">洁面</a> <a href="#">化妆水</a> <a href="#">喷雾</a> <a href="#">美容液</a> <a href="#">眼霜</a><br/>
                <a href="#">眼部精华</a> <a href="#">眼膜</a> <a href="#">面膜</a> <a href="#">面膜贴</a><br/>
                <a href="#">水洗面膜</a> <a href="#">免洗面膜</a> <a href="#">精华</a> <a href="#">精油</a><br/>
                <a href="#">凝露</a> <a href="#">乳液</a> <a href="#">面霜</a> <a href="#">日霜</a> <a href="#">晚霜</a><br/>
            </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_02.gif">彩妆
            </dt>
                <dd>
                    <a href="#">卸妆</a> <a href="#">防晒</a> <a href="#">隔离</a> <a href="#">BB霜</a> <a href="#">粉底</a> <a href="#">粉饼</a><br/>
                    <a href="#">睫毛膏</a> <a href="#">眼影</a> <a href="#">唇彩</a> <a href="#">腮红</a> <a href="#">眼线笔</a><br/>
                    <a href="#">底妆</a> <a href="#">遮瑕</a> <a href="#">蜜粉</a> <a href="#">眉笔</a> <a href="#">美甲</a><br/>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_03.gif">香氛
            </dt>
                <dd>
                    <a href="#">男香</a> <a href="#">女香</a> <a href="#">小Q装</a> <a href="#">中性香水</a>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_04.gif">身体护理
            </dt>
                <dd>
                    <a href="#">洗发</a> <a href="#">护发</a> <a href="#">沐浴</a> <a href="#">身体乳</a> <a href="#">手足护理</a><br/>
                    <a href="#">护手霜</a> <a href="#">纤体</a> <a href="#">身体精油</a> <a href="#">颈部护理</a><br/>
                    <a href="#">个人护理</a> <a href="#">卫生用品</a> <a href="#">脱毛</a><br/>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_05.gif">礼盒套装
            </dt>
                <dd>
                    <a href="#">护肤套装</a> <a href="#">身体护理套装</a> <a href="#">彩妆套装</a><br/>
                    <a href="#">旅行装</a> <a href="#">香水套装</a> <a href="#">男士套装</a><br/>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_06.gif">美容工具
            </dt>
                <dd>
                    <a href="#">护肤</a> <a href="#">彩妆</a> <a href="#">美发</a> <a href="#">美体</a> <a href="#">美甲</a><br/>
                    <a href="#">美容仪器</a> <a href="#">其他美容工具</a><br/>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_07.gif">母婴专区
            </dt>
                <dd>
                    <a href="#">奶粉</a> <a href="#">尿裤湿巾</a> <a href="#">母婴洗护</a>
                </dd>
            </div>
            <div class="small-div">
            <dt class="dt1">
                <img src="image/tupian/icon_08.gif">男士专区
            </dt>
                <dd>
                    <a href="#">洁面</a> <a href="#">爽肤水</a> <a href="#">面霜</a>  <a href="#">男香</a><br/>
                    <a href="#">眼霜</a> <a href="#">凝胶</a> <a href="#">乳液</a> <a href="#">精华</a> <a href="#">沐浴</a><br/>
                </dd>
            </div>
            <div>
            <dt class="dt1">
                <img src="image/tupian/icon_09.gif">食品保健
            </dt>
                <dd>
                    <a href="#">瘦身类</a> <a href="#">保健类</a> <a href="#">美容类</a> <a href="#">食品类</a>
                </dd>
            </div>
        </dl>
</div>
</body>
</html>